<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>统计概况管理</title>
<%@include file="/WEB-INF/base.jspf"%>
<style type="text/css">
.body_wrapper {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 20px;
}

.modal-dialog {
	max-width: 1000px;
}

.wrapper_buttons {
	position: relative;
}

.shezhileiContent {
	width: 160px;
	height: 150px;
	border: 1px solid #9c8f8f;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 13px;
	position: absolute;
	right: 0px;
	top: 36px;
	z-index: 999;
	background: #fff;
}

.class-input-pageNumber {
	width: 40px;
	height: 23px;
	right: 40px;
	top: 12px;
}

.class-span-searchBtn {
	height: 24px;
	width: 36px;
	font-size: 14px;
	text-algin: center;
	right: 15px;
	top: 10px;
}

.shezhileiContent li {
	margin-bottom: 10px;
}

.shezhileiContent li span {
	margin-left: 6px;
}

.wrapper_buttons input {
	height: 32px;
	width: 174px;
	margin-left: 10px;
}

.wrapper_buttons button {
	margin-left: 10px;
}

#table_id_example01_paginate, #table_id_example02_paginate,
	#table_id_example03_paginate, #table_id_example04_paginate {
	margin-right: 100px;
}

table th,table tr,table td {
	text-align: center;
	vertical-align:middle;
}
</style>
</head>
<body>
	<div id="" style="margin: 20px 20px;">
		<div style="margin-bottom: 26px;">
			<div class="xianshijilu"
				style="display: flex; flex-direction: row; justify-content: space-between; height: 220px;">
				<div class="xianshijilu_left" style="width: 270px; display: flex;">
					<div style="display: flex; width: 135px; height: 20px">
						<div class="hua"
							style="background: red; height: 20px; width: 50px; margin-right: 10px;"></div>
						<span>今日派奖额</span>
					</div>
					<div style="display: flex; width: 135px; height: 20px">
						<div class="hua"
							style="background: deepskyblue; height: 20px; width: 50px; margin-right: 10px;"></div>
						<span>今日盈亏</span>
					</div>
				</div>
				<div class="xianshijilu_zhong" style="width: 270px; display: flex;">
					<div style="display: flex; width: 135px; height: 20px">
						<div class="hua"
							style="background: red; height: 20px; width: 50px; margin-right: 10px;"></div>
						<span>作日派奖额</span>
					</div>
					<div style="display: flex; width: 135px; height: 20px">
						<div class="hua"
							style="background: deepskyblue; height: 20px; width: 50px; margin-right: 10px;"></div>
						<span>作日盈亏</span>
					</div>
				</div>
				<div class="xianshijilu_right"
					style="width: 530px; height: 210px; display: flex; justify-content: space-around; flex-wrap: wrap;">
					<div style="width: 240px; height: 20px; height: 20px;">今日派奖</div>
					<div style="width: 240px; height: 20px; height: 20px;">昨日派奖</div>
					<div style="width: 240px; color: red; height: 20px;">${jinritj.paijiang }</div>
					<div style="width: 240px; color: red; height: 20px;">${zuoritj.paijiang }</div>
					<div style="width: 240px; height: 20px;">今日盈亏</div>
					<div style="width: 240px; height: 20px;">昨日盈亏</div>
					<div style="width: 240px; color: blue; height: 20px;">${jinritj.kuiyin }</div>
					<div style="width: 240px; color: blue; height: 20px;">${zuoritj.kuiyin }</div>
				</div>
			</div>
			<table id="table_id_example01"
				class="class-tableDataTable class-table-needClick display table table-striped table-bordered table-hover">
				<thead>
					<tr>
						<th>月份</th>
						<th>投注总计</th>
						<th>派奖总计</th>
						<th>返点总计</th>
						<th>反水总计</th>
						<th>活动总计</th>
						<th>亏盈总计</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${zuijintj}" var="i" varStatus="index">
						<tr>
							<td>${i.time}</td>
							<td>${i.touzhu}</td>
							<td>${i.paijiang}</td>
							<td>${i.fandian}</td>
							<td>${i.fanshui}</td>
							<td>${i.huodong}</td>
							<td>${i.kuiyin}</td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
		<div style="margin-bottom: 26px;">
			<div class="" style="margin: 0px 0px 10px 20px;">统计概况</div>
			<table id="table_id_example02"
				class="class-tableDataTable class-table-needClick display table table-striped table-bordered table-hover">
				<thead>
					<tr>
						<th>用户总数</th>
						<th>代理</th>
						<th>会员</th>
						<th>昨日注册</th>
						<th>今日注册</th>
						<th>今日投注</th>
						<th>今日派奖</th>
						<th>今日充值</th>
						<th>今日提款</th>
						<th>今日返点</th>
						<th>今日反水</th>
						<th>在线会员总数</th>
						<th>余额总数</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>${tongji.yonghusl }</td>
						<td>${tongji.dailisl }</td>
						<td>${tongji.huiyuansl}</td>
						<td>${tongji.zuorizc }</td>
						<td>${tongji.jinrizc }</td>
						<td>${tongji.jinritz }</td>
						<td>${tongji.jinrizj }</td>
						<td>${tongji.jinricz }</td>
						<td>${tongji.jinritk }</td>
						<td>${tongji.jinrifd }</td>
						<td>${tongji.jinrifs }</td>
						<td>${tongji.zaixianrs }</td>
						<td>${tongji.yuezs }</td>
					</tr>
				</tbody>
			</table>
		</div>
		<p style="color: red;">备注：盈亏是针对平台计算的，负数代表平台亏钱;</p>
		<p style="margin-left: 42px; color: red;">运营亏盈 ＝ 有效投注 － 彩票派奖－代理返点－日常反水－玩法反水－日常签到－幸运转盘－平台赠送－活动中奖 ;</p>
		<p style="margin-left: 42px; color: blue;">统计比较消耗系统性能，统计结果将缓存1分钟;</p>
	</div>
	<script>
		
</script>
</body>
</html>